導(dǎo)讀:給小程序零基礎(chǔ)的開發(fā)者的傻瓜式教程。開發(fā)小程序基礎(chǔ):HTML、CSS、JavaScript。不過(guò)本文暫不考慮這些,我們來(lái)大體介紹一下首先,要開發(fā)小程序你需要申請(qǐng)一個(gè)微信公眾平臺(tái)賬號(hào),在
發(fā)表日期:2020-07-05
文章編輯:興田科技
瀏覽次數(shù):8205
標(biāo)簽:
給小程序零基礎(chǔ)的開發(fā)者的傻瓜式教程。
開發(fā)小程序基礎(chǔ):HTML、CSS、JavaScript。不過(guò)本文暫不考慮這些,我們來(lái)大體介紹一下
首先,要開發(fā)小程序你需要申請(qǐng)一個(gè)微信公眾平臺(tái)賬號(hào),在微信公眾平臺(tái)用自己的微信號(hào)直接申請(qǐng)就可以了。
然后就要下載開發(fā)者工具來(lái)寫代碼、上傳、預(yù)覽。微信公眾平臺(tái)有提供登錄。
項(xiàng)目目錄是你的代碼存放地;AppID是小程序的賬號(hào),需要申請(qǐng),且每個(gè)郵箱只能申請(qǐng)一個(gè),我們可以先體驗(yàn)小程序來(lái)跳過(guò)輸入AppID(遠(yuǎn)程調(diào)試等功能會(huì)不能使用,但不影響我們寫和編譯);項(xiàng)目名稱是在開發(fā)工具上顯示的名字,和小程序內(nèi)容無(wú)關(guān),就是個(gè)昵稱。
快速啟動(dòng)模板是微信為了讓使用者快速入門提供的一個(gè)簡(jiǎn)單的Hello World!程序,內(nèi)容代碼包含很多注釋,可以快速上手。
打開以后長(zhǎng)這樣。開發(fā)工具的具體各種功能都是傻瓜式的,與一些開發(fā)工具差別不大,自己探究吧!
可以看到快速啟動(dòng)模板上有兩個(gè)文件夾和四個(gè)文件:pages和utils,app.js、app.json、app.wxss、project.config.json。
pages文件夾里面存放的文件是要顯示的各頁(yè)面,每個(gè)子文件夾就是一個(gè)頁(yè)面的內(nèi)容,子文件夾又包含4個(gè)文件,.js、.json、.wxss、.wxml。
.wxml文件是界面文件;
.js是事件交互文件,用于進(jìn)行邏輯處理;
.wxss為界面美化文件,控制界面格式;
.json為每頁(yè)配置文件,可以修改導(dǎo)航欄顯示樣式;
其實(shí)整個(gè)小程序就是由這四種文件構(gòu)成的各個(gè)頁(yè)面。
utils文件夾 主要用于存放一些全局調(diào)用的.js文件,比如需要用到的外部ApI等。
在根目錄下的app.js、app.json、app.wxss等文件主要功能也如上面所說(shuō),但app文件主要負(fù)責(zé)全局調(diào)控。
app.js : 方法處理文件,進(jìn)行程序剛開始運(yùn)行時(shí)事件處理,處理小程序的生命周期函數(shù);
app.json : 全局配置文件,配置小程序的所有頁(yè)面(所有頁(yè)面必須先在這里聲明),小程序背景色,導(dǎo)航條樣式,標(biāo)題(注意該文件不可添加任何注釋);
app.wxss : 全局的界面美化,配置頁(yè)面默認(rèn)樣式,當(dāng)加載其他頁(yè)面時(shí),當(dāng)前頁(yè)面的wxss文件會(huì)覆蓋app.wxss文件;
由于名字叫小程序,所以程序一定要小,官方規(guī)定代碼不可以超過(guò)5M。
微信小程序開發(fā),小程序開發(fā)
更多新聞
2020
關(guān)于網(wǎng)站建設(shè),當(dāng)搜索引擎的算法改變或者加強(qiáng)時(shí),導(dǎo)致一些網(wǎng)站的某些關(guān)鍵字排名消失,一些管理員就說(shuō)他們的網(wǎng)站消失了。實(shí)際上并非如此,在搜索引擎算法改變
View details
2020
這是要慢慢培養(yǎng)的一個(gè)過(guò)程。今天寫這篇文字的主要目的是想和大家把產(chǎn)品觀和生活觀進(jìn)行融合,慢慢從生活中也會(huì)提升自己的產(chǎn)品力。作者很喜歡看武俠類的片子,相比青云志和新的神
View details
2020
關(guān)于網(wǎng)站建設(shè),一個(gè)與企業(yè)名稱和形象相符的域名,是企業(yè)進(jìn)行網(wǎng)絡(luò)營(yíng)銷的前提。由于域名具有惟一性,一個(gè)域名一旦注冊(cè)成功,任何其他機(jī)構(gòu)都無(wú)法注冊(cè)相同的域名
View details
2020
給小程序零基礎(chǔ)的開發(fā)者的傻瓜式教程。開發(fā)小程序基礎(chǔ):HTML、CSS、JavaScript。不過(guò)本文暫不考慮這些,我們來(lái)大體介紹一下首先,要開發(fā)小程序你需要申請(qǐng)一個(gè)微信公眾平臺(tái)賬號(hào),在
View details